<template>
	<view class="tn-p tn-pb-sm">
		<tn-form label-position="top">
			<tn-form-item label="订单时间">
				<tn-input v-model="props.orderInfo.add_time" disabled />
			</tn-form-item>
			<tn-form-item label="来源">
				<tn-input v-model="props.orderInfo.share_text" disabled />
			</tn-form-item>
			<tn-form-item label="订单编号">
				<tn-input v-model="props.orderInfo.order_no" disabled />
			</tn-form-item>
			<tn-form-item label="购买用户">
				<tn-input v-model="props.orderInfo.user_name" disabled />
			</tn-form-item>
			<tn-form-item label="使用商家">
				<tn-input v-model="props.orderInfo.seller_name" disabled />
			</tn-form-item>
			<tn-form-item label="销售">
				<tn-input v-model="props.orderInfo.sale_name" disabled />
			</tn-form-item>
			<tn-form-item label="套餐名称">
				<tn-input type="textarea" v-model="props.orderInfo.combo_name" disabled />
			</tn-form-item>
			<tn-form-item label="用券抵扣">
				<tn-input v-model="props.orderInfo.discount" disabled />
			</tn-form-item>
			<tn-form-item label="付款金额">
				<tn-input v-model="props.orderInfo.price" disabled />
			</tn-form-item>
			<tn-form-item label="剩余次数">
				<tn-input v-model="props.orderInfo.surplus_num" disabled />
			</tn-form-item>
			<tn-form-item label="支付方式">
				<tn-input v-model="payTypeMap[props.orderInfo.pay_text]" disabled />
			</tn-form-item>
			<tn-form-item label="服务费">
				<tn-input v-model="props.orderInfo.pay_fee" disabled />
			</tn-form-item>
			<tn-form-item label="服务费率">
				<tn-input v-model="props.orderInfo.pay_rate" disabled />
			</tn-form-item>
			<tn-form-item label="销佣比‰">
				<tn-input v-model="props.orderInfo.sale_rate" disabled />
			</tn-form-item>
			<tn-form-item label="商佣比%">
				<tn-input v-model="props.orderInfo.seller_rate" disabled />
			</tn-form-item>
			<tn-form-item label="利润">
				<tn-input v-model="props.orderInfo.profit_price" disabled />
			</tn-form-item>
		</tn-form>
	</view>
</template>

<script setup>
	const props = defineProps(['orderInfo'])

	const payTypeMap = {
		'': '好友赠送',
		'system': '系统测试',
		'wechat': '微信支付',
		'alipay': '支付宝支付'
	}
</script>

<style scoped lang="scss">

</style>